<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0" />
		<title>My Mind思维脑图在线版－自用一直想要的小众软件－最佳在线脑图</title>
		<link rel="icon" href="favicon.ico" />
		<script src="js/my-mind.js"></script>
		<script src="js/firebase-1-0-15.js"></script>
		<script src="js/firebase-simple-login.js"></script>
		<link rel="stylesheet" href="css/font.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/print.css" media="print" />
		<base target="_blank" />
	</head>
	<body>
		<ul id="port">
			<div id="tip">用法：按 ‘Tab’跳格键插入子级，按 ‘Enter’回车皱起这插入同级。更多帮助请点击右上角Help帮助菜单。</div>
		</ul>

		<div class="ui">
			<h3>最佳在线脑图</h3>
			<p>
				<button data-command="New" title="新建"><img src="icons/new.png" alt="新建" /></button>
				<button data-command="Load" title="打开"><img src="icons/open.png" alt="打开" /></button>
				<button data-command="Save" title="保存"><img src="icons/save.png" alt="保存" /></button>
				<button data-command="SaveAs" title="另存为"><img src="icons/save-as.png" alt="另存为" /></button>
			</p>

			<p>
				<span>Layout</span>
				<select id="layout">
					<option value="">(Inherit)</option>
				</select>
			</p>
			<p>
				<span>Shape</span>
				<select id="shape">
					<option value="">(Automatic)</option>
				</select>
			</p>
			<p>
				<span>参数值</span>
				<select id="value">
					<option value="">(None)</option>
					<option value="num">Number</option>
					<optgroup label="Formula">
						<option value="sum">Sum</option>
						<option value="avg">Average</option>
						<option value="min">Minimum</option>
						<option value="max">Maximum</option>
					</optgroup>
				</select>
			</p>
			<p>
				<span>状态</span>
				<select id="status">
					<option value="">None</option>
					<option value="yes">Yes</option>
					<option value="no">No</option>
					<option value="computed">Autocompute</option>
				</select>
			</p>
			<p>
				<span>颜色</span>
				<span id="color">
					<a data-color="" title="Inherit" href="#"></a>
					<a data-color="#000" title="Black" href="#"></a>
					<a data-color="#e33" title="Red" href="#"></a>
					<a data-color="#3e3" title="Green" href="#"></a>
					<a data-color="#33e" title="Blue" href="#"></a>
					<a data-color="#dd3" title="Yellow" href="#"></a>
					<a data-color="#3dd" title="Cyan" href="#"></a>
					<a data-color="#d3d" title="Magenta" href="#"></a>
					<a data-color="#fa3" title="Orange" href="#"></a>
				</span>
			</p>

			<a id="github" href="https://github.com/leangjia/my-mind" title="GitHub project page"><img src="github.png" alt="GitHub project page" /></a>
			<button id="toggle" title="Toggle UI"></button>
			<button data-command="Help" title="帮助"><img src="icons/help.png" alt="帮助" /></button>

			<div id="throbber"></div>
		</div>


		<div id="io" class="ui">
			<h3></h3>
			<p>
				<span>存储</span>
				<select id="backend"></select>
			</p>
			
			<div id="file">
				<p class="desc">本地文档即别的脑图应用程序的文档啦。</p>
				<p data-for="save">
					<span>格式</span>
					<select class="format"></select>
				</p>
				<p data-for="save load">
					<button class="go"></button><button class="cancel">取消</button>
				</p>
			</div>

			<div id="image">
				<p class="desc">导出您在这里设计好的脑图为PNG图像文档。</p>
				<p data-for="save">
					<button class="go"></button><button class="cancel">取消</button>
				</p>
			</div>

			<div id="local">
				<p class="desc">Your browser's localStorage can handle many mind maps and creates a permalink, but this URL cannot be shared.</p>
				<p data-for="load">
					<span>Saved maps</span>
					<select class="list"></select>
				</p>
				<p data-for="save load">
					<button class="go"></button><button class="cancel">取消</button>
				</p>
				<p data-for="load">
					<button class="remove">删除</button>
				</p>
			</div>

			<div id="firebase">
				<p class="desc">Firebase offers real-time synchronization for true multi-user collaboration.</p>
				<p data-for="save load">
					<span>第三方服务器</span>
					<input type="text" class="server" />
				</p>
				<p data-for="save load">
					<span>Auth</span>
					<select class="auth">
						<option value="">(None)</option>
						<option value="facebook">Facebook</option>
						<option value="twitter">Twitter</option>
						<option value="github">GitHub</option>
						<option value="persona">Persona</option>
					</select>
				</p>
				<p data-for="load">
					<span>Saved maps</span>
					<select class="list"></select>
				</p>
				<p data-for="save load">
					<button class="go"></button><button class="cancel">取消</button>
				</p>
				<p data-for="load">
					<button class="remove">删除</button>
				</p>
			</div>

			<div id="webdav">
				<p class="desc">Use this to access a generic DAV-like REST API.</p>
				<p data-for="save load">
					<span>URL</span>
					<input type="text" class="url" />
				</p>
				<p data-for="save load">
					<button class="go"></button><button class="cancel">取消</button>
				</p>
			</div>

			<div id="gdrive">
				<p class="desc">Maps stored in Google Drive have a permalink URL and can be shared with other users, if you allow this by setting proper permissions (inside Google Drive itself).</p>
				<p data-for="save">
					<span>格式</span>
					<select class="format"></select>
				</p>
				<p data-for="save load">
					<button class="go"></button><button class="cancel">取消</button>
				</p>
			</div>
		</div>

		<div id="help" class="ui">
			<h3>Help</h3>

			<p><span>Navigation</span></p>
			<table class="navigation"></table>

			<p><span>Manipulation</span></p>
			<table class="manipulation"></table>

			<p><span>Editing</span></p>
			<table class="editing"></table>

			<p><span>Other</span></p>
			<table class="other"></table>
		</div>
		
		<div id="menu">
			<button data-command="InsertChild" title="插入子级"></button>
			<button data-command="InsertSibling" title="插入同级"></button>
			<button data-command="Delete" title="删除"></button>
			<span></span>
			<button data-command="Edit" title="编辑"></button>
			<button data-command="Value" title="参数值"></button>
			<span></span>
			<button data-command="Undo" title="撤消"></button>
			<button data-command="Redo" title="重做"></button>
			<button data-command="Center" title="居中"></button>
		</div>

		<script>
		<!--
		统计代码
		-->
		</script>

		<script>
			window.onload = function() {
				MM.App.init();
				MM.App.io.restore();
			}
		</script>
<!--
TODO:
  shortterm:

  longterm:
    - firebase realtime
    - (custom) icons

  bugs:

  only as a request:
	- firebase multiserver
    - l11n
    - custom css
-->

	</body>
</html>
